<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="hello">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>99乘法表</title>
  <style type="text/css">
	*{margin:0;padding:0;}
	ul,ol{list-style:none;}
	a{text-decoration:none;}

	p{
		overflow: hidden;
		margin-bottom: 5px;
	}
	p span{
		float: left;
		width: 80px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid blue;
		margin-right: 5px;
	}
	hr{
		margin: 15px 0;
	}
  </style>
 </head>
 <body>
	<script>
		for(var r=1;r<=9;r++){
			var eP = document.createElement('p');
			for(var c=1;c<=r;c++){
				var eSpan = document.createElement('span');
				eSpan.innerHTML = r+"*"+c+"="+(r*c);
				eP.appendChild(eSpan);
			}
			document.body.appendChild(eP);
		}		
	</script>
	<hr/>
	<script>
		for(var r=1;r<=9;r++){
			var eP = document.createElement('p');
			for(var c=r;c<=9;c++){
				var eSpan = document.createElement('span');
				eSpan.innerHTML = r+"*"+c+"="+(r*c);
				eP.appendChild(eSpan);
			}
			document.body.appendChild(eP);
		}		
	</script>
	<hr/>
	<script>
		for(var r=9;r>=1;r--){
			var eP = document.createElement('p');
			for(var c=1;c<=r;c++){
				var eSpan = document.createElement('span');
				eSpan.innerHTML = r+"*"+c+"="+(r*c);
				eP.appendChild(eSpan);
			}
			document.body.appendChild(eP);
		}		
	</script>
	<hr/>
	<script>
		for(var r=9;r>=1;r--){
			var eP = document.createElement('p');
			for(var c=r;c<=9;c++){
				var eSpan = document.createElement('span');
				eSpan.innerHTML = r+"*"+c+"="+(r*c);
				eP.appendChild(eSpan);
			}
			document.body.appendChild(eP);
		}		
	</script>
 </body>
</html>
